<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<pre>
			1. 分支结构
					v-if
					v-else-if
					v-else
					v-show

			2. v-if 和 v-show 的区别
					v-if 是把不符合条件的元素从 DOM 结构中移除
					v-show 是把不符合条件的元素使用 css 的 display 进行隐藏和显示

			3. v-if 和 v-show 使用的时候应该如何选择
					如果一个元素需要频繁的隐藏和显示，这时候推荐使用 v-show，因为 v-if 是把元素从 DOM 结构中移除，比较消耗性能
					如果一个元素，只是简单的隐藏和显示，不需要频繁切换，此时推荐使用 v-if


		</pre>

		<div id="app"></div>

		<script src="/scripts/vue.js"></script>
		<script>
			var vm = new Vue({
				el: '#app',
				data: {
					age: 10,
				},
				methods: {},
			})
		</script>
	</body>
</html>
